<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<html>
			<head>
				<meta charset="utf-8">
				<title></title>
		
				<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
			</head>
			<body>
				<div id="app">
					<p v-show="name.indexOf('王') != -1 ">姓名：{{name}} </p>
					<p v-show="isMarried">已婚</p>
					<p v-show="!isMarried">未婚</p>
					<p v-show="isMale">男性</p>
					<p v-show="age>=18">年龄:{{age}}</p>
				</div>
				
				<script>
					var app = Vue.createApp({
						data() {
							return {
								"message": "Hello Vue!",
								isMarried: true,
								isMale: false,
								age: 26,
								name:'王小红'
							}
						}
					});
					var vm = app.mount("#app")
				</script>
		
		
		
			</body>
		</html>
	</body>
</html>